<template>
  <a-modal :footer="null" title="风险项目等级" :visible.sync="visible" @cancel="$emit('update:visible',false)" width="700px">
      <a-table :columns="columns" :data-source="projectRiskControlLevelDetails" bordered :pagination="false">
        <span slot="serial" slot-scope="text, record, index">{{ index + 1 }}</span>
      </a-table>
    <div slot="footer" class="btn_box">
      <a-button type="primary" @click="$emit('update:visible',false)">关闭</a-button>
    </div>
  </a-modal>
</template>

<script>
const columns = [
  { title: '序号', dataIndex: 'serial', width: 65, scopedSlots: { customRender: 'serial' } },
  { title: '内容', dataIndex: 'name', ellipsis: true,},
]
export default {
  name: 'a' + Date.now(),
  props: {
    // 显隐控件
    visible: {
      type: Boolean,
      default() {
        return false
      }
    },
    projectRiskControlLevelDetails:{
        type:Array,
        default(){
            return [];
        }
    }
  },

  data() {
        this.columns = columns
    return {

    }
  },
  methods: {
  
  }
}
</script>
<style lang="less" scoped>

</style>
